
<template>
	<div class="index">
		<vheader :inpinfo="txt"></vheader>
		<mt-swipe :auto="4000">
		  <mt-swipe-item>
		  	<img src="../../assets/images/1.jpg" alt="" />
		  </mt-swipe-item>
		  <mt-swipe-item>
		  	<img src="../../assets/images/2.jpg" alt="" />
		  </mt-swipe-item>
		  <mt-swipe-item>
		  	<img src="../../assets/images/3.jpg" alt="" />
		  </mt-swipe-item>
		</mt-swipe>
		<Navbar></Navbar>
		<Life></Life>
		<!--end left-->
		<Life></Life>
	</div>	
</template>

<script>

	import Vue from 'vue';
	import vHeader from '../vHeader/vHeader';
	import { Swipe, SwipeItem } from 'mint-ui';
	import Navbar from './nav/nav';
	import Life from './life/life';
	import '../../assets/css/mint-ui.css';
	
	Vue.component(Swipe.name, Swipe);
	Vue.component(SwipeItem.name, SwipeItem);
	
	export default {
		components: {
			vheader: vHeader,
			Navbar, Life
		}
	}
	
</script>

<style lang="scss">

@import "../../assets/css/variables.scss";

.swipe {
	height: 156px;
}

</style>